@charset"utf-8";
@import"common/reset";
@import"common/common";
@function r($px) {
    @return $px/$font-size *1rem;
}

$color:#ff9344;
.as {
    width: 100%;
    height: r(57px);
    margin-top: r(49px);
    .as_1 {
        font-size: r(26px);
        
        a {
            width: r(123px);
            height: r(57px);
            display: inline-block;
            text-align: center;
            border-radius:14px;
            border: 1px solid $color;
            color: #000000;
            margin-left: r(23px);
            line-height:r(57px) ;
        }
    }
    .as_2 {
        font-size: r(26px);
        text-align: center;
        margin-top: r(15px);
    }
    .as_3 {
        width: r(162px);
        height: r(57px);
        box-sizing: border-box;
        border: r(3px) solid $color;
        color: #000000;
        font-size: r(26px);
        margin-top: 0;
        margin-right: r(21px);
        position: relative;
        select {
            width: 100%;
            height: 100%;
            line-height: r(57px);
            border: none;
            -webkit-appearance: none;
            padding-left: r(14px);
        }
        &:after {
            content: "";
            border-top: r(16px) solid $color;
            border-left: r(15px) solid transparent;
            border-right: r(15px) solid transparent;
            position: absolute;
            right: r(11px);
            top: 50%;
            transform: translateY(-50%);
        }
    }
}

.ct {
    width: 100%;
    padding: r(20px) 0;
    ul {
        li {
            width: 25%;
            text-align: center;
            a {
                img {
                    width: r(150px);
                }
                div {
                    font-size: r(26px);
                    color: #000000;
                    margin-top: r(8px);
                }
            }
        }
    }
    .yd{
        text-align: center;
        margin-top: r(16px);
    }
}

.qt {
    width: 100%;
    margin-top: r(18px);
    .wa {
        height: r(47px);
        .wa_1{
            margin-left:r(30px);
            img{
                width:r(61px);
                height:r(47px);
            }
        }
        .wa_2{
            display: inline-block;
            height:r(47px);
            font-size: r(30px);
            vertical-align: super;
            
        }
        .wa_3{
            font-size: r(24px);
            margin-left:r(400px);
        }
        .wa_4{
           
            img{
                width:r(27px);
                height:r(27px);
                vertical-align: sub;
            }
        }
    }
    .wf {
        height: r(205px);
        text-align: center;
        vertical-align: middle;
        padding: 0 r(23px);
        div{
            width: 25%;
            text-align: center;
            a{
                img{
                    height: r(135px);
                    margin-top:r(38px);
                }
            }
        }
    }
}

footer {
    width: 100%;
    padding: r(17px) 0;
    ul {
        li {
            width: 25%;
            text-align: center;
            a {
                span {
                    img {
                        width: r(72px);
                    }
                }
                div {
                    color: #000000;
                }
            }
        }
    }
}